<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <title>何为数据代理</title>
    <script type="text/javascript" src="../js/vue.js"></script>
</head>

<body>
    
    <!-- 数据代理：通过一个对象代理对另一个对象中属性的操作 (读/写) -->
    <script type="text/javascript">
       let obj = {x:100}
       let obj2 = {y:200}

       Object.defineProperty(obj2,'x',{
        get(){
            console.log('通过obj2 得到了obj中x的值')
            return obj.x
        },
        set(value){
            console.log('通过obj2 修改了obj中x的值')
            obj.x=value
        }
       })

    </script>


</body>

</html>